<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>数据展示</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />

		<!-- 网站头像 -->
		<link rel="icon" type="image/x-icon" href="" />
		<link rel="shortcut icon" type="image/x-icon" href="" />
		<link rel="stylesheet" href="../common/css/mui.min.css" />
		<link rel="stylesheet" href="../common/css/common.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../iconfont/iconfont.css">
		<!--整站改色 _start-->
		<link rel="stylesheet" href="../common/css/color-style.css" />
		<!--<link rel="stylesheet" href="assets/common/newiconfont/iconfont.css" />-->
		<!--整站改色 _end-->

		<script src="../common/js/jquery.js"></script>
<!--		<script src="../common/js/layer/layer.js"></script>
		<script src="../common/js/jquery.method.js"></script>
		<script src="../common/js/jquery.modal.js"></script>-->

		<script src="../js/common.js"></script>
		<style>
			.chart{
				width: 330px;
				height:300px;
				padding: 0; 
				margin: 0;
			}
			.ul-li .icon{
				color: #fff;
			    font-size: 20px;
			    font-weight: bold;
			    vertical-align: sub;
			}
			.circle{
				width: 30px;
			    height: 30px;
			    border-radius: 100%;
			    text-align: center;
			    display: inline-block;
			    line-height: 29px;
			}
			.circle1{
				 background: #05C893;
			}
			.circle2{
				background: #F28277;
			}
			.circle3{
				background: #16BAF7;
			}
			.circle4{
				background: #FFC569;
			}
			.ul-li li a{
				color: #000!important;
			}
			.circle5{
				background: #88C80A;
			}
			.circle6{
				background: #D84C29;
			}
		</style>
	</head>

	<body class="fabu" style="background: #fff;">


		<div class="middle-content" style="margin-top:0;">
			<!-- 内容start -->
			<div class="header">
				<div class="header-left">
					<a class="sb-back2" href="#" onclick="backTo()" title="返回"></a>
				</div>
				<div class="header-middle">数据展示</div>
				<div class="header-right">
					<aside class="show-menu-btn">
						<div class="show-menu" id="show_more">
							<a href="javascript:void(0);"></a>
						</div>
					</aside>
				</div>
			</div>
			<div style="height:50px;width: 100%;"></div>
			
		</div>
		<!--列表内容开始-->
		<ul class="mui-table-view ul-li">
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="diagram.html"><span class="circle circle1"><i class="icon iconfont icon-deploy"></i></span>&nbsp;&nbsp;基坑周边环境简图</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="profile.html"><span class="circle circle2"><i class="icon iconfont icon-qitaleishuiwenjiance"></i></span>&nbsp;&nbsp;水文地质剖面图</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="monitor.html"><span class="circle circle3"><i class="icon iconfont icon-jiankong"></i></span>&nbsp;&nbsp;水位波形图</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="change.html"><span class="circle circle4"><i class="icon iconfont icon-shuju1"></i></span>&nbsp;&nbsp;水位3D图</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="water.html"><span class="circle circle5"><i class="icon iconfont icon-shuiwei"></i></span>&nbsp;&nbsp;水#数据</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right" href="weather.html"><span class="circle circle6"><i class="icon iconfont icon-qixiangyi"></i></span>&nbsp;&nbsp;气象控制</a>
			</li>
		</ul>
		<!--列表内容结束-->
		<!-- 内容end -->
		<div class="show-menu-info" id="menu">
            <ul>		
                <li>
                    <a href="index.html"><span class="category-menu"></span><i>列表</i></a>
                </li>			
                <li style=" border:0;">
                    <a href="user.html"><span class="user-menu"></span><i>我的</i></a>
                </li>
            </ul>
        </div>
	</body>
	<script type="text/javascript">
		localStorage.setItem("id",GetQueryString("id"));
	</script>
</html>
